/*
 * @Author: Jimmy
 * @LastModifiedBy: Jimmy
 * @Date: 2024-12-12 21:28:56
 * @LastEditTime: 2025-02-25 22:46:04
 * @FilePath: /monitor_belt/src/views/setting/index/index.tsx
 */
import { Flex, Tabs } from "antd";
import styles from "./index.module.scss";
import { useState } from "react";
import BasicInfo from "../basic";
import CameraConfig from "../camera";
import Algorithm from "../algorithm";
import PlcConfig from "../plc_config";
import { Scrollbars } from "react-custom-scrollbars";

const Setting = () => {
  const [items, _setItems] = useState([
    {
      key: "1",
      label: "基本配置",
      children: <BasicInfo />,
    },
    {
      key: "2",
      label: "控制器配置",
      children: <PlcConfig />,
    },
    {
      key: "3",
      label: "设备配置",
      children: <CameraConfig />,
    },
    {
      key: "4",
      label: "算法配置",
      children: <Algorithm />,
    },
  ]);
  return (
    <Flex vertical flex={1} className={styles.wrapper}>
      <Scrollbars>
        <Tabs type="card" items={[...items]} />
      </Scrollbars>
    </Flex>
  );
};

export default Setting;
